<!--显示全部的或分组成员-->
#include('head.html',{title:'所有成员信息'})
<body class=""  >
<section class="vbox" >
    #include('header.html')
    <section>
        <section class="hbox stretch">
            <!-- .aside -->
            <aside class="bg-dark dk nav-xs aside hidden-print" id="nav">
                #include('list.html')
            </aside>
            <!-- /.aside -->
            <section id="content">
                <section class="vbox">
                    <section class="w-f-md" id="bjax-target">
                        <section class="hbox stretch">
                            <!-- side content -->
                            <aside class="aside bg-light dk" id="sidebar">
                                <section class="vbox animated fadeInUp" >
                                    <section class="scrollable hover">

                                        <div class="list-group no-radius no-border no-bg m-t-n-xxs m-b-none auto">
                                            <a href="/allMember/all/1" class="list-group-item" >
                                                所有成员信息
                                            </a>
                                            #set(i=0)
                                            #for(Group group :groupsname)
                                            <a href="../memberInfor/${i+1}" class="list-group-item ${i+1==gid ? 'active' : ''}" >
                                                ${group.g_gname}成员信息
                                            </a>
                                            <!--<a href="../memberInfor/2" class="list-group-item" >-->
                                            <!--APP组成员信息-->
                                            <!--</a>-->
                                            <!--<a href="../memberInfor/3" class="list-group-item" >-->
                                            <!--3D可视化组成员信息-->
                                            <!--</a>-->
                                            <!--<a href="../memberInfor/4" class="list-group-item" >-->
                                            <!--文宣组成员信息-->
                                            <!--</a>-->
                                            #set(i=i+1)
                                            #set(k=i)
                                            #end
                                            <a href="/allMember/period/${year-2015}" class="list-group-item ${0==gid ? 'active' : ''}" >各届成员信息</a>
                                            <!--<a href="/allMember/memberInfor/1" class="list-group-item" >-->
                                                <!--网站组成员信息-->
                                            <!--</a>-->
                                            <!--<a href="/allMember/memberInfor/2" class="list-group-item" >-->
                                                <!--APP组成员信息-->
                                            <!--</a>-->
                                            <!--<a href="/allMember/memberInfor/3" class="list-group-item" >-->
                                                <!--3D可视化组成员信息-->
                                            <!--</a>-->


                                        </div>

                                    </section>
                                </section>
                            </aside>
                            <!-- / side content -->
                            <section>
                                <section class="vbox" >
                                    <section class="scrollable padder-lg">
                                        <h2 class="font-thin m-b">成员信息列表</h2>
                                        <div class="row row-sm">
                                            #set(j=0)
                                            #for(Users user:  usersMember)

                                            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2"  >
                                                <div class="item">
                                                    <div class="pos-rlt">
                                                        <div class="item-overlay opacity r r-2x bg-black">
                                                            <div class="center text-center m-t-n">
                                                                <a href="/users/${user.m_id}" target="_blank"><i class="fa fa-play-circle i-2x"></i></a>
                                                            </div>
                                                        </div>
                                                        <a href="/users/${user.m_id}" target="_blank" ><img src="/static/upload/img/${user.m_headPortrait}" id="img" class="r r-2x img-full"></a>
                                                    </div>
                                                    <div class="padder-v">
                                                        <a href="/users/${user.m_id}" target="_blank" data-bjax data-target="#bjax-target" data-el="#bjax-el" data-replace="true" class="text-ellipsis">${user.m_realname}</a>
                                                        <p>${groupName[j][0].g_gname}</p>
                                                    </div>
                                                </div>
                                            </div>
                                            #set(j=j+1)
                                            #end
                                        </div>
                                        <!--导航栏-->
                                        <div class="text-center">
                                            <ul class="pagination pagination text-center">
                                                <li><a href="/allMember/memberInfor/${gid}?pageNow=${result.pageNum-1 > 0 ? result.pageNum-1 : 1 }"><i class="fa fa-chevron-left"></i></a></li>
                                                #for(int m : range(1, result.totalPages))
                                                <li class="${m == result.pageNum  ? 'active':''}"><a href="/allMember/memberInfor/${gid}?pageNow=${m}">${m}</a></li>
                                                #end

                                                <li><a href="/allMember/memberInfor/${gid}?pageNow=${result.pageNum+1 > result.totalPages ? result.totalPages : result.pageNum+1}"><i class="fa fa-chevron-right"></i></a></li>
                                            </ul>
                                        </div>
                                    </section>
                                </section>
                            </section>

                        </section>
                        #include('footer.html')

                    </section>
                    <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
                </section>
            </section>
        </section>
    </section>
    <script>
        new Vue({
            el : '#member'
        });
    </script>
    #include('js.html')
    <script>
  <!--解决因用户头像存在细微差异导致的排版错乱问题-->
  var height = $("#img").width()*1.4;
  $("img#img").css("height",height);
  console.log(height);
</script>
</body>
</html>